<template>
	<div class="w_view">
		<van-nav-bar :border="false" title="客服" left-arrow @click-left="onClickLeft" />
		
		<img :src="kefuUrl" style="width: 4rem;margin: auto;margin-top: 2rem;display: block;" alt="">
			
	</div>

</template>

<script>
	import Vue from 'vue';
	import {
		NavBar,
		Toast,
		RadioGroup,
		Radio
	} from 'vant';

	Vue.use(NavBar);
	Vue.use(Radio);
	Vue.use(RadioGroup);
	
	import {Kefu} from '../serve/api.js'

	export default {
		created() {
			
			this.Kefu()
			
		},
		data(){
			return{
					
				kefuUrl:""
					
			}
		},
		
		methods: {
			
			Kefu(){
				
				let params;
				
				Kefu(params,(res) => {
					
					// console.log(res)
					
					this.kefuUrl = this.myApp.GetDomaiName() + res.data.data
					
				},(error) => {
					
				})
				
			},
			
			onClickLeft() {
				// Toast('返回');
				this.$router.go(-1)

			},
		
		},
	};
</script>

<style scoped="">
	.wi_iptViews input{
		margin-left: .35rem;
	}
	
	.wi_iptViews{
		padding: .35rem 0rem;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		font-size: .24rem;
		border-bottom: 1px solid #F1F1F1;
	}
	
	.wq_bot{
		text-align: center;
		margin-top: .16rem;
		color: #999999;
		font-size: .24rem;
		margin-bottom: 1rem;
	}
	
	.w_qr{
		margin: auto;
		width:3.8rem;
		height:.66rem;
		background:rgba(29,88,255,1);
		border-radius:.33rem;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: .32rem;
		margin-top: 1.3rem;
		margin-bottom: .5rem;
	}
	
	.wit_left img{
		width: .87rem;
		height: .52rem;
		margin-right: .39rem;
	}
	
	.wit_view{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: .61rem;
	}
	
	.wit_left{
		font-size: .28rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.w_sxf {
		font-size: .24rem;
		color: #999;
		margin-top: .3rem;
	}

	.wi_itpView input::placeholder {
		color: rgb(241, 241, 241);
	}

	.wi_itpView input {
		width: 60%;
		font-size: .72rem;
	}

	.wi_itpView {
		border-bottom: 1px solid #F1F1F1;
		padding: .3rem .21rem .3rem 0rem;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #1D58FF;
		font-size: .24rem;
	}

	.wi_title {
		font-size: .32rem;
	}

	.w_itemt {
		margin-top: .17rem;
		padding: .46rem .41rem .3rem .41rem;
		box-sizing: border-box;
		background-color: white;
	}

	.w_top img {
		width: 2.1rem;
		height: 1.47rem;
		margin-bottom: .32rem;
	}

	.w_top {
		display: flex;
		flex-direction: column;
		background-color: white;
		align-items: center;
		color: #1D58FF;
		font-size: .28rem;
		padding-bottom: .56rem;
		padding-top: .48rem;
	}

	.uploadDiv input {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.uploadDiv {
		position: relative;

	}

	.su_view {
		font-size: .28rem;
		padding: 0rem 0.25rem;
		box-sizing: border-box;
	}

	.su_item {
		border-bottom: 1px solid #EEEEEE;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: .25rem .25rem;
		box-sizing: border-box;
	}

	.su_item img {
		width: 1.12rem;
		height: 1.12rem;
	}

	.su_itemt {
		padding-top: .5rem;
	}

	.w_view {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #FBFBFB;
		overflow: auto;
	}
</style>
